<template>
    <div>
        <mt-field label="用户名" placeholder="请输入用户名" type="text" v-model="uName"></mt-field>
        <mt-field label="密码" placeholder="请输入密码" type="password" v-model="upwd"></mt-field>
        <mt-field label="生日" type="month" v-model="birth"></mt-field>
        <mt-switch v-model="isOpen">免登录</mt-switch>
        <mt-radio v-model="choose"  title="我帅吗" :options="['很帅','贼帅']"></mt-radio>
        <mt-checklist v-model="arr" title="喜欢类" :options="['巨乳','漂亮','粘人']"></mt-checklist>
    </div>
</template>

<script>
export default {
    data(){
        return {
            uName:"",
            upwd:"",
            birth:"",
            isOpen:false,
            choose:"",
            arr:[]
        }
    },
    watch:{
        uName(){
            console.log(this.uName);
        },
        upwd(){
            console.log(this.upwd);
        },
        choose(){
            console.log(this.choose);
        },
        arr(){
            console.log(this.arr);
        }
    }
}
</script>

<style>

</style>